<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" 
	template="/WEB-INF/templates/template.xhtml">
	
<ui:define name="headIncludes">
	<style>
		.ui-widget {
			font-size:13px; 
		}
	</style>
</ui:define>

	<ui:define name="pageName">Manter Condição de pagamento</ui:define>
	
	<ui:define name="content">
		<p:messages globalOnly="false"/>
		<div style="margin-left:15%;float:left;width:70%;">
			<h:panelGrid columns="2" style="padding:5px;">
				<h:outputText value="Código:" />
				<h:outputText value="Condição de pagamento" />
				<h:inputText style="width:100px;" />
				<h:inputText 
					style="width:210px;" required="true"
					requiredMessage="Campo 'Condição de pagamento' é obrigatório."/>
			</h:panelGrid>
			
			<h:panelGrid columns="3" style="padding:5px;">
				<h:outputText value="Taxa de juros" />
				<h:outputText value="Forma de pagamento" />
				<h:outputText value="" />				
				<h:inputText 
					style="width:100px;" required="true"
					requiredMessage="Campo 'Taxa de juros' é obrigatório."/>
				<h:inputText 
					style="width:200px;" required="true"
					requiredMessage="Forma de pagamento é obrigatória."/>
				<p:commandButton icon="ui-icon-search" value="Buscar" onclick="dialogListFormaPagamento.show();" />
			</h:panelGrid>
			
			<h:panelGrid columns="5" style="padding:5px;">
				<h:outputText value="Número" />
				<h:outputText value="Dias" />
				<h:outputText value="Percentual" />
				<h:outputText value="" />
				<h:outputText value="" />				
				<h:inputText 
					style="width:100px;" required="true"
					requiredMessage=""/>
				<h:inputText 
					style="width:100px;" required="true"
					requiredMessage=""/>
				<h:inputText 
					style="width:100px;" required="true"
					requiredMessage=""/>
				<p:commandButton icon="ui-icon-plus"/>
				<p:commandButton icon="ui-icon-minus" />
			</h:panelGrid>
	
			<p:dataTable style="width:420px; padding-top:10px;" >
				<p:column headerText="Número" width="100">				
				</p:column>
				
				<p:column headerText="Dias" width="100">				
				</p:column>
				
				<p:column headerText="Percentual" width="100">				
				</p:column>
			</p:dataTable>
	
			<div style="float:left;width:75%;padding-top:10px;text-align:right;">
				<p:commandButton value="Salvar" style="height:28px;"/>
				<p:commandButton value="Limpar" style="height:28px;" />
				<p:commandButton value="Voltar" style="height:28px;"/>
			</div>
		</div>	
	</ui:define>
	<ui:define name="popups">
		<ui:include src="listFormaPagamento.xhtml"></ui:include>
	</ui:define>
</ui:composition>